<!DOCTYPE html>
<html class="pixel-ratio-2 retina android android-6 android-6-0">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta name="format-detection" content="telephone=no" />
    <title>首页</title>
    <link rel="stylesheet" href="sx_assets/css/style.css">
	<link rel="stylesheet" href="sx_assets/css/mui.min.css">
	<link rel="stylesheet" href="sx_assets/font/iconfont.css">
</head>
	<body>
		<div id="vue_det">
			<!-- 标题栏 -->
			<div class="navigation-bar">
				<div class="navigation-bar-title">线损计算</div>
				<div class="navigation-left">
					<div class="navigation-left-title" v-on:click="goBack()"><li class="iconfont fs16">&#xe644;</li></div>
				</div>
				<div class="navigation-right">
					<div class="navigation-right-title" v-on:click="collectEdit()">
						<i class="iconfont fs16">&#xe784;</i>
					</div>
				</div>
			</div>
			<!-- 标题 -->
			<div class="title-row">设置参数</div>
			<!-- 内容 -->
			<div class="content">
				<form class="mui-input-group fs14 ">
					<div class="mui-input-row">
						<label style="width: 30%;">计算间隔</label>
						<select class="mui-btn-block color9" style="width: 70%;font-size: 14px;">
							<option value="item-1">按日</option>
							<option value="item-2">按时间段</option>
						</select>
					</div>
					<div class="mui-input-row">
						<label style="width: 30%;">时间范围</label>
					    <input type="text"  v-model="stopDate"  style="font-size: 14px;width:31%;text-align: center;"  class="mui-input-clear"  >
						<input type="text"  style="font-size: 14px;width:8%; text-align: center;" class="mui-input-clear"  placeholder="至">
						<input type="text"   v-model="startDate"  style="font-size: 14px;width:31%;float: left;text-align: center;" class="mui-input-clear"  >
					</div>
				</form>
			</div>
			<!-- 标题 -->
			<div class="title-row">线损数据</div>
			<div class="content" style="background-color: #FFFFFF;height: 100%;">
				<div class="title-cell" style="width: 100%;height: 30px;line-height: 30px;">
					<div class="title-cell-view" style="width: 20%;">线损时间</div>
					<div class="title-cell-view" style="width: 20%;">购电量</div>
					<div class="title-cell-view" style="width: 20%;">售电量</div>
					<div class="title-cell-view" style="width: 20%;">损失电量</div>
					<div class="title-cell-view" style="width: 20%;">损失率</div>
				</div>
			</div>
		</div>
	</body>
</html>
<script src="sx_assets/js/vue.min.js"></script>
<script src="sx_assets/js/Util.js"></script>
<script src="sx_assets/js/vconsole.min.js"></script>
<script>
	// 初始化
	var vConsole = new VConsole();
	console.log('test');
	var vm = new Vue({
		el: '#vue_det',
		data: {
			selCollect:'0000000',
			startDate:'',
			stopDate:''
			
		},
		created: function () {
			this.docReady();
			this.getNow();
		},
		methods: {
			docReady:function(){
				document.addEventListener('PHJSReady', function() {
				    
				});
			},
			goBack:function(){
				window.location.href = "index.html";
				console.log("Ad");
			},
			getNow:function(){
				var now = new Date(); //你已知的时间
				var dt = new DateUtil(now);
				this.startDate = dt.toStr();
				this.stopDate = dt.toStr();
			}
		}
	})
	 
</script>
